<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title><?php echo $seo_title?></title>
    <link rel="shortcut icon" href="/lily.ico" type="image/x-icon" />
    <meta name="keywords" content="{$seo_keywords}" />
    <meta name="description" content="{$seo_desc}" />
    <meta name="title" content="{$seo_title}" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="baidu-site-verification" content="code-ohmEl6V1zx" />
    <meta name="baidu-site-verification" content="code-x7NeohZb7A" />

    <?php if((request()->controller()=='News'||request()->controller()=='Events')&&request()->action()=='detail'){?>
    <meta property='og:title' content="{$title}"/>
    <meta property='og:image' content="{$cover}"/>
    <meta property='og:description' content="{$first}"/>
    <meta property='og:url' content="$url"/>
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta name="twitter:site" content="@https://www.lily-bearing.com/" />
    <meta name="twitter:creator" content="@lilybearing" />
    <meta name="twitter:title" content="{$title}">
    <meta name="twitter:description" content="{$first}">
    <meta name="twitter:image" content="{$cover}">
    <meta name="twitter:card" content="summary_large_image">
    <?php }?>
    <?php if($base_data['is_no_index']==true){ ?><meta name='robots' content='noindex'><?php }?>
   
    <!--/*no header css */-->
    <style>
        ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
         @media(max-width:768px) {
            #header {
                display: none;
            }
        }

        #footer .footer-nav {
            display: none;
        }

        #footer .footer-copyright-container {
            display: none;
        }

        .footer-service .footer-wrapper {
            display: none;
        }

        .header-lang-item.active>a, .header-lang-item:hover>a {
            color: #36648a !important;
        }
        .header-lang-item.active:after {
            border-right: 3px solid #36648a !important;
        }

        .header-mbnav-level2-item .active {
            color: #36648a !important;
        }
        *,:after,:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    </style>
 
    <script>window.$aioList = [ "hua" ]; window.$aioCdnPrefix = '/';</script>
    <script>
        window.gConfig =  window.gConfig || {};
        window.gConfig.isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var hClassName;
        if(window.gConfig.isMobile){
            hClassName = 'phone';
        }else{
            hClassName = 'pc';  
        }
        if(window.$aioList) {
            for(var i=0; i<window.$aioList.length; i++) {
                if(window.$aioCdnPrefix){
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                } else {
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                }
                
            }
        }
        var root = document.documentElement;
        root.className += hClassName ; 
    </script>
    <link rel="canonical" href="<?php echo $base_data['canonical_url']?>" />
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css" media="all" />
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/css/public4.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-es-search.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-sp.css" media="all" />

    <link rel="alternate" data-cp-role="site.variant" title="Chinese" hreflang="zh" href="<?php echo http_type().'www.lilybearing.com'.$_SERVER['REQUEST_URI'];?>" />
    <?php if($base_data['iszhong']==1){?>
    <link rel="alternate" data-cp-role="site.variant" title="English" hreflang="en" href="<?php echo http_type().'www.lily-bearing.com'.$_SERVER['REQUEST_URI'];?>"  />
    <?php } ?>
    
    <script type="text/javascript">
        //中文头部js代码位置
        //百度统计代码
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c5cc3b7c8c8813804401ae2b787ddc5a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "cfo4pg4ohz");
    </script>
    <!--百度搜索-询盘框转化跟踪打点-->
    <script>
        window._agl = window._agl || [];
        (function () {
            _agl.push(
                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
            );
            (function () {
                var agl = document.createElement('script');
                agl.type = 'text/javascript';
                agl.async = true;
                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(agl, s);
            })();
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H5GKXDQJMM"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-H5GKXDQJMM');
    </script>
    
    <!-- 英文站头部js代码位置 -->
    
</head>
<body >
<div id="content">
        <div id="common-components-container">
            <div data-mod-name-pc="@cloud/pep-header-and-footer-china/pc/index" data-mod-name-m="@cloud/pep-header-and-footer-china/m/index">
            <style>
                #header.show-dropdown .header-container {
                    height: 100vh !important;
                    z-index: 999;
                }

                .float-sidebar {
                  position: fixed !important;
                  z-index: 990 !important;
                }
            </style>
  
            <div data-mod-id="header" style="z-index:300;height: 60px;">
                <div class="header" data-mod-name="header">
                    <div id="header" bi_parent_name="navigation" meta-data-adjust-app="hide">
                        <div class="header-container">
                           <!--  <div class="header-topnav" >
                                <div class="header-topnav-wrapper">
                                    <li class="header-lang ">
                                        <div class="header-lang-current"><i class="header-icon-earth"></i><span class="header-lang-label">English</span><i class="header-icon-arrow-down"></i></div>
                                        <div class="header-lang-list">
                                            <div class="header-site">
                                                <ul class="header-site-right ">
                                                    <li class="header-lang-item active"><a style="text-decoration: none;" href="https://www.lily-bearing.com/">English</a></li>
                                                    <li class="header-lang-item"><a style="text-decoration: none;" href="https://www.lilybearing.com/">简体中文</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </div>
                            </div> -->
                            <div class="header-wrapper">
                                <div class="header-bottom" style="background-color: #36648a;height: 60px">
                                    <div class="header-bottom-wrapper" style="height: 60px">
                                        <style type="text/css">
                                            @media(max-width:768px) {
                                                .header-logo img{height: 35px !important;width: auto !important;}
                                            }
                                           
                                        </style>
                                        <a class="header-logo"  bi_name="logo" href="/">
                                            <img src="https://image.lily-bearing.com/images/web/logo.png" alt="Lily Bearing">
                                        </a>
                                        <div class="header-nav">
                                            <div class="header-nav-scroll">
                                                <ul class="header-nav-list">
                                                    {foreach $base_data['nav_class'] as $key=>$vo }
                                                    <?php if($vo['first']['cname']=='Contact Us'){?>
                                                    <li><a style="text-decoration: none;" href="/{$vo['first']['url']}/"><span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;">{:ucwords($vo['first']['alias_name'])}</span></a></li>
                                                    <?php }else{ ?>
                                                    <li data-key="{:change_lower_symbol($vo['first']['cname'])}" >
                                                        <a style="text-decoration: none;" href="/{$vo['first']['url']}/">
                                                            <span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;">
                                                                {:ucwords($vo['first']['alias_name'])} 
                                                            </span>
                                                            <i class="layui-icon layui-icon-down" style="font-size:12px; color: #ffffff;display: block;position: static;width: auto;padding-left:5px;padding-top:1px;"></i>
                                                        </a>
                                                        
                                                    </li>
                                                    <?php } ?>
                                                    {/foreach}

                                                </ul>
                                            </div>
                                            <div class="header-bottom-mask"></div>
                                            <div class="header-nav-hover-line"></div>
                                        </div>
                                        <div class="header-tools" >
                                            <div class="header-search J-header-search" bi_parent_name="search">
                                                <div class="header-search-inner" tabindex="-1">
                                                    <div class="header-search-content J-search-content">
                                                        <input onkeyup="searselnew()" id='sear' class="J-search-input" aria-label="Search" id="header-navigation-search-input" type="text" data-active-placeholder="输入要搜索的内容" autocomplete="off"><div class="close-icon"></div>
                                                        <button type="submit" class="header-search-submit" aria-label="Header Search" >
                                                            <i></i>
                                                        </button>
                                                        <i class="por-icon por-icon-cancel header-search-close J-search-close"></i>
                                                        <div class="header-search-droplist J-search-drop J-search-autoword" style="top:8px !important" data-clickable-asyn="true">  
                                                            <div class="J-search-hot">
                                                                <div class="J-search-history">
                                                                    
                                                                    <div class="J-search-history-content">
                                                                        
                                                                    </div>
                                                                </div>
                                                                <div class="J-search-popular">
                                                                    
                                                                    <div>
                                                                        <style type="text/css">
                                                                            .search-right-data {float: left;width: 60%;padding: 15px 0px;}
                                                                            .search-right-data li{border-bottom: 1px solid #ccc;padding: 5px 0px;}
                                                                            .search-right-data li h2 a:hover{background-color: #ffffff !important;text-decoration: underline;}
                                                                            .search-right-data li h2 a{text-decoration: none;}
                                                                            #left-ul-sear1 a{text-decoration: none;}
                                                                        </style>
                                                                        <ul id='left-ul-sear1' style="float:left;width: 40%;">
                                                                            <!-- <div class="J-search-title">Suggestions</div>
                                                                            <li><a>625</a></li>
                                                                            <li><a>688</a></li>
                                                                            <li><a>625zz</a></li>
                                                                            <li><a>625zzss</a></li>
                                                                            <li><a>625zzssaew</a></li> -->
                                                                        </ul>
                                                                        <ul class='search-right-data' id='sear-right-tui1'>
                                                                            <!-- <li>
                                                                                <div style="float: left;">
                                                                                    <img src="https://image.lily-bearing.com/images/class/single_row_deep_groove_ball_bearings_open.jpg?x-oss-process=image/resize,w_70,h_70,m_pad/auto-orient,1/quality,q_90/format,png">
                                                                                </div>
                                                                                <div style="float: left;width: calc(100% - 70px)">
                                                                                    <h2 style="padding:0px"><a href="" style="color:#36648a;padding: 0px;">625</a></h2>
                                                                                    <div>Bore Dia: 5 mm, Outer Dia: 16 mm, Seal Type: Sealed, Ring Material: 52100 Chrome Steel, Width: 5 mm</div>
                                                                                </div>
                                                                                <div style="clear:both"></div>
                                                                            </li> -->
                                                                            
                                                                            
                                                                        </ul>
                                                                        <div style="clear:both"></div>
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="header-search-button">
                                                    <input class="search-default" aria-label="Search Default" type="text" data-active-placeholder="Search" autocomplete="off" placeholder="输入要搜索的内容">
                                                    <i></i>
                                                </div>
                                            </div>
                                            <div class="header-menu-search-mb">
                                                <!-- <span class="header-icon-search" style="color:#fff"></span> -->
                                                <i class="layui-icon layui-icon-search" style="font-size: 18px; color: #ffffff;background-color: #36648a !important;"></i>  
                                            </div>
                                            <ul class="header-tools-right header-main" style="background-color:#36648a">
                                               <!--  <li><a href="">联系我们</a></li> -->
                                               <li>
                                                   <div style="height: 40px; line-height: 40px;margin-top:-10px;width: 200px;">
                                                       <img style="height: 34px;width: 34px;float: left;margin-top: 2px;" src="https://image.lilybearing.com/images/web/zh-phone-tel2.png">
                                                       <div style="color:#fff;float: right;width: 160px;font-size: 20px;font-weight: 800;margin-top:-2px;">400-862-9828</div>
                                                   </div>
                                                   
                                               </li>
                                                
                                                 
                                                <li>
                                                    <div class="qlang" id="#qlang" style="position: static;">
                                                        <div class="qlang-body">
                                                            <div onclick="lan_qihuan2()" class="qlang-first">
                                                                <span>CN</span>
                                                                <img src="https://image.lilybearing.com/images/web/down3jiao.png" alt="down3jiao" style="aspect-ratio:4/3; object-fit:contain;margin-top: 0px;">
                                                                <div class="clear"></div>
                                                            </div>
                                                            <ul class="qlang-sechond" id="qlang-sechond" style="display: none;">
                                                                <li style="height:16px;" class="qlang-sechond-l1" id="qlang-sechond-l1" style="background: rgb(54, 100, 138);"><a href="https://www.lilybearing.com/" style="color: rgb(255, 255, 255);"><i class="layui-icon layui-icon-ok" style="font-size: 12px; color: rgb(255, 255, 255);"></i>CN</a></li>
                                                                <li style="height:16px;" class="qlang-sechond-l2" onmouseout="qlang_hover_out()" onmouseover="qlang_hover()"><a href="https://www.lily-bearing.com/"><i class="layui-icon layui-icon-ok" style="font-size:12px"></i>EN</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                                
                                            </ul>
                                            <div class="header-menu-mb" data-clickable="true">
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <script type="text/html" id="holder-drop"></script>
                                <script type="text/html" id="holder-mbnav"></script>
                                
                                <div class="header-mbshearch header-backdrop" bi_parent_name="search_mb">
                                    <div class="header-mbshearch-innner">
                                        <div class="header-mbshearch-form">
                                            <div class="header-mbshearch-form-row">
                                                <div><div class="header-mbshearch-input-box"><i class=""></i><input onkeyup="searselnew_phone()" id="sear_phone" type="text" class="header-mbshearch-input" autocomplete="off"></div></div>
                                                <div style="margin:3px 0px 0px 5px"><button onclick='sear1_phone()' type="button" class="layui-btn layui-btn-warm layui-btn-sm">搜索</button></div>
                                                <div><span style="text-decoration:none;" class="header-mbshearch-cancel">取消</span></div>
                                            </div>
                                        </div>
                                        <div  style="padding: 10px 20px;">
                                            <style type="text/css">
                                                #left-ul-sear1_phone a{text-decoration: none;color: #333;}
                                            </style>
                                            <ul id="left-ul-sear1_phone">
                                                <!-- <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>